<template>
  <div class="input-box">
    <span class="icon"></span>
    <input type="text" class="search" placeholder="找人 找故事">
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped>
@import "~style/home.scss";
.input-box {
  position: relative;
  .icon {
    position: absolute;
    display: inline-block;
    @include w(45);
    @include h(45);
    top: 50%;
    @include mt(-18);
    @include left(-20);
    background-image: url("~image/imgs/search.svg");
    background-size: cover;
  }
  .search {
    @include b-radius(8);
    @include h(50);
    @include lh(50);
    width: 100%;
    outline: none;
    @include pl(50);
    @include pt(5);
    @include pt(5);
    @include ml(-25);
    @include fs(26);
  }
}
</style>
